<!-- <div class="login-main">
	<div class="login-main-bg">
		<div class="login-border">
			<div class="login-mar">
				<div class="logn-left">
					<img src="assets/login/computer.png">
				</div>
				<div class="login">
					<h4 class="text-center">系统登录</h4>

					<form #f="ngForm" (ngSubmit)=" checkSum(f.value)">
						<a href="#" data-placement="top" class="tooltip-show" data-toggle="tooltip" title="大写已开启"></a>
						<div class="form-group">
							<div class="left">
								<img class="icon-img" height="21px" src="assets/login/user.png">
							</div>
							<input type="text" name="loginuserName" class="form-control right" required placeholder="请输入用户名" #loginuserName="ngModel"
							 ngModel>
							<div class="error login-prompt" *ngIf="loginuserName.invalid && (loginuserName.touched)">
								<small class="error" *ngIf="loginuserName.errors.required">用户名不能为空</small>
							</div>
							<span class="red login-prompt" *ngIf="!loginuserName.errors?.required && errorCode == '2222'">{{errorMessage}}</span>
						</div>

						<div class="form-group">
							<div class="left">
								<img class="icon-img" height="21" src="assets/login/pwd.png">
							</div>
							<input type="password" name="loginpassword" class="form-control right" required placeholder="请输入用户名密码" #loginpassword="ngModel"
							 ngModel>
							<div class="error login-prompt" *ngIf="loginpassword.invalid && (loginpassword.touched)">
								<small class="error" *ngIf="loginpassword.errors.required">密码不能为空</small>
							</div>
							<span class="red login-prompt" *ngIf="!loginpassword.errors?.required && errorCode == '1111' || errorCode  =='4444' ">{{errorMessage}}</span>
						</div>

						<div class="form-group code">
							<div class="left">
								<img class="icon-img" height="21" src="assets/login/code.png">
							</div>
							<div class="right">
								<input class="form-control check_input" type="text" name="loginvalidationCode" required placeholder="请输入验证码" #loginvalidationCode="ngModel"
								 ngModel>
								<img id="imgVerify" class="imgVerify" src="" alt="点击更换验证码" (click)="getVerify()">
							</div>
							<div class="error login-prompt" *ngIf="loginvalidationCode.invalid && ( loginvalidationCode.touched)">
								<small class="error" *ngIf="loginvalidationCode.errors.required">验证码不能为空</small>
							</div>
							<span class="red login-prompt" *ngIf=" !loginvalidationCode.errors?.required && errorCode == '9999'">{{errorMessage}}</span>
						</div>
						
						<div class="form-group btn-radius padding-left">
							<button [disabled]="f.invalid" type="button" type="submit" class="btn login-btn">
								<img *ngIf="loading" height="22px" src="assets/login/Rolling-1s-40px.gif"> {{loginTitledata}}
							</button>
						</div>
						<div class="form-group automatic-logon padding-left">
							<input class="left " name="rememberMe" type="checkbox" />
							<label class="left">记住密码</label>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div> -->

<div class="BodyBg">
	<div class="loginBox">
		<div class="bookBox">
			<div class="bookBox-left">
				<div class="bookTitle-box"></div>
			</div>
			<div class="bookBox-right">
				<form #f="ngForm" (ngSubmit)=" checkSum(f.value)">
					<div class="loginTitle"></div>
					<hr class="hrStyle">
					
					<div class="row formDiv">
						<div class="col-md-3 formDiv-title">用户名：</div>
						<span class="ui-float-label col-md-9">
							<input class="formDiv-input ui-inputtext" pInputText name="loginuserName" #loginuserName="ngModel" ngModel required />
							<label for="float-input">用户名</label>
						</span>
						<div class="alert alert-danger offset-md-3 col-md-9" role="alert" *ngIf="loginuserName.invalid && (loginuserName.touched)">
							<small class="error" *ngIf="loginuserName.errors.required">用户名不能为空</small>
						</div>
						<span class="alert alert-danger offset-md-3 col-md-9" role="alert" *ngIf="!loginuserName.errors?.required && errorCode == '2222'">{{errorMessage}}</span>
					</div>
					<div class="row formDiv">
						<div class="col-md-3 formDiv-title">密码：</div>
						<span class="ui-float-label col-md-9">
							<input class=" formDiv-input ui-inputtext"
							 size="30" 
							 pInputText 
							 type="password" 
							 name="loginpassword"
							 #loginpassword="ngModel" 
							 ngModel 
							 required />
							<label for="float-input">密码</label>
						</span>
						<div class="alert alert-danger offset-md-3 col-md-9" role="alert" *ngIf="loginpassword.invalid && (loginpassword.touched)">
							<small class="error" *ngIf="loginpassword.errors.required">密码不能为空</small>
						</div>
						<span class="alert alert-danger offset-md-3 col-md-9" *ngIf="!loginpassword.errors?.required && errorCode == '1111' || errorCode  =='4444' ">{{errorMessage}}</span>
					</div>
					<!-- <span class="ui-float-label">
							<input id="float-input" type="text" size="30" pInputText> 
							<label for="float-input">Username</label>
						</span> -->
					<div class="row formDiv">
						<div class="col-md-3 formDiv-title">验证码：</div>
						<span class="ui-float-label col-md-5">
							<input class="formDiv-input ui-inputtext" autocomplete="off"  pInputText type="text" name="loginvalidationCode" #loginvalidationCode="ngModel" ngModel  required/>
							<label for="float-input">验证码</label>
						</span>
						<div class="col-md-4 vCodeDiv">
							<!-- <div class="vCodeImg"></div> -->
							<img id="imgVerify" class="imgVerify" src="" (click)="getVerify()">
						</div>
						<div class="alert alert-danger col-md-6" role="alert" *ngIf="loginvalidationCode.invalid && ( loginvalidationCode.touched)">
								<small class="error" *ngIf="loginvalidationCode.errors.required">验证码不能为空</small>
						</div>
						<span class="alert alert-danger col-md-6" *ngIf=" !loginvalidationCode.errors?.required && errorCode == '9999'">{{errorMessage}}</span>
					</div>
					<div class="row formDiv">
						<div class="col-md-3"></div>
						<button class="btn offset-md-3 col-md-9 loginBtn" [disabled]="f.invalid" type="button" type="submit">
							<img *ngIf="loading" height="32px" src="assets/login/Flickr-1s-149px.gif"> {{loginTitledata}}
						</button>
					</div>
				</form>
			</div>
			<div class="logoIcon"></div>
		</div>
	</div>
</div>